import React, { Component } from 'react'
import Layout from './component/Layout'

// 注意：
// 路由传参 state 方式解析：
// 1. Link 路由导向中 to 接收一个对象，包含路径和接收参数，为 <Link to={{pathname: /xx, state: { ...obj }}}>xx</Link>
//    注意：因为传入的是个对象，所以 to 要写双括号，外层为解析，内层为传参
// 2. 注册路由保持不变
// 3. 子组件中通过 this.props.location.state 接收（state 是一个对象）

// 注意：
// 与前两种方式有所不同的是：
// 1. params 和 search 都会在地址栏当中显示参数，state 传参不会
// 2. 三种方式刷新当前页面都不会丢失参数（清空浏览数据不算，原理：使用的是 BrowserRouter，每次路由调换都会在 history 里有记录）

export default class App extends Component {
  render() {
    return (
      <div>
        <Layout />
      </div>
    )
  }
}
